<template>
	<div id="app">
		<tab-bar>
			<tab-bar-item path="/home" activeColor="blue">
				<img slot="item-icon" src="./assets/img/tabbar/首页.png" />
				<img slot="item-icon-active" src="./assets/img/tabbar/首页1.png" />
				<div slot="item-text">首页</div>
			</tab-bar-item>
			<tab-bar-item path="/sort" activeColor="blue">
				<img slot="item-icon" src="./assets/img/tabbar/分类.png" />
				<img slot="item-icon-active" src="./assets/img/tabbar/fl.png" />
				<div slot="item-text">分类</div>
			</tab-bar-item>
			<tab-bar-item path="/cart" activeColor="blue">
				<img slot="item-icon" src="./assets/img/tabbar/购物车.png" />
				<img slot="item-icon-active" src="./assets/img/tabbar/gw.png" />
				<div slot="item-text">购物车</div>
			</tab-bar-item>
			<tab-bar-item path="/about" activeColor="blue">
				<img slot="item-icon" src="./assets/img/tabbar/关于.png" />
				<img slot="item-icon-active" src="./assets/img/tabbar/关于我们.png" />
				<div slot="item-text">关于</div>
			</tab-bar-item>
		</tab-bar>
		<keep-alive>
			<router-view></router-view>
		</keep-alive>
		
	</div>

</template>

<script>
	import TabBar from './components/common/tabbar/TabBar.vue'
	import TabBarItem from './components/common/tabbar/TabBarItem.vue'
	export default {
		name: 'App',
		components: {
			TabBar,
			TabBarItem
		}
	}
</script>

<style>

</style>
